.nextgis.claro{

  .dijitButton{

    &--primary, &--default{
      margin: 0;
      border-radius: 23px;
      font-size: @font-size-md;

      & + .dijitButton--primary,
      & + .dijitButton--default{
        margin-left: 8px;
      }

      &.dijitButtonDisabled{
        background: #ddd;
        color: #999;
      }

      .dijitButtonNode {
        height: 36px;
        line-height: 35px;
        font-size: inherit;
        background-image: none;
        background-color: inherit;
        border:0;
        color: inherit;
        border-radius: 23px;
        padding: 0 16px;
        font-family: @header-font;
        transition: none;

        .dijitReset{
          line-height: inherit;
        }

        *{
          vertical-align: baseline;
        }
      }
    }

    &--primary{
      background-color: @blue;
      color: #fff;

      &:hover{
        background: darken(@blue, 10%);
      }
    }

    &--default{
      background-color: @lightBlue;
      color: @blue;
    }

    &--s {
      font-size: 14px;

      .dijitButtonNode {
        height: 32px;
        padding-left: 12px;
        padding-right: 12px;
        line-height: 27px;
      }
    }

    &--signal{

      .dijitButtonContents{
        position: relative;
      }

      .dijitButtonContents::after{
        content: "";
        position: absolute;
        left: -1px;
        top: -1px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #00b77e;
        border: 2px solid #fff;
        display: none;
      }

      &-active{
        .dijitButtonContents::after{
          display: block;
        }
      }
    }
  }
}
